<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>CONTACT US</title>
<link href="ruda.css" rel='stylesheet' type='text/css'/>
<style>
body {
margin:0;
padding:0;	
background: #eee;
}
a {
	padding: 1em 0;
background: transparent;
color: #333;
text-align: center;
display: block;
width: 100%;
font: 600 normal 21px Ruda;
margin-bottom: -35px;	
}
form {
background-color:#eee;
margin: 0;
padding: 1em;	
}
h1 {
width:100%;
display:block;
font: 500 normal 16px Ruda;
text-align: left;
}
input {
padding: 0.5em;
margin-top: 5px;
border-radius: 3px;
border: none;
font: normal normal 13px Droid Sans;
width: 300px;
}
.contact-sub {
	background: #333;
color: #e74c3c;
font: 600 normal 16px Ruda;
padding: 0.4em 1em;
cursor: pointer;
width: 314px;
}
.contact-m {
	margin: 0px;
width: 375px;
border: none;
border-radius: 3px;
padding: 0.5em;
height: 109px;
max-width: 300px;
max-height: 100px;
margin-top: 5px;
}
</style>
</head>

<body>
<center>
<a>CONTACT US </a>
<form id='Cont-us-dire' action="" method="post">
<h1>EMail *
<br/>
<input type="email" class="contact-e" name="email" placeholder="" />
</h1>
<h1>User Name *
<br/>
<input type="text" class="contact-n" name="user-name" placeholder="" />
</h1>
<h1>Message *
<br/>
<textarea class="contact-m" name="message" placeholder="" ></textarea>
</h1>
<input type="submit" class="contact-sub" value="Send" />
</form>
</center>
</body>
</html>
